@charset "utf-8"; /* 초기화 */

.table-level-my {
	width: 100%;
	margin-bottom: 50px;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
	border-spacing: 0px;
}

	.table-level-my td {
		padding: 5px;
	}

	.table-level-my th {
		border-bottom: 1px solid #e4e4e4;
		padding: 10px;
	}

.table-level-upgrade {
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
	border-spacing: 1px;
}

	.table-level-upgrade th {
		border-bottom: 1px solid #e4e4e4;
		padding: 10px;
	}

	.table-level-upgrade td {
		padding: 5px;
		text-align: center;
		padding-top: 11px;
		padding-bottom: 11px;
	}


	.table-level-upgrade .nextlevel td {
		background-color: aliceblue;
	}

		.table-level-upgrade .nextlevel td.level_lvup_btn button {
			padding: 5px 10px;
			border-radius: 3px;
			border: none;
			background: #839abd;
			border: 1px solid #526a8e;
			color: white;
			transition: 0.4s;
		}

			.table-level-upgrade .nextlevel td.level_lvup_btn button:hover {
				background: #4a84dc;
			}

			.table-level-upgrade .nextlevel td.level_lvup_btn button.unavail {
				background: #5f5f5f;
				border: 1px solid #b7b7b7;
				color: #e4e4e4;
				cursor: not-allowed;
			}

				.table-level-upgrade .nextlevel td.level_lvup_btn button.unavail:hover {
					background: #5f5f5f;
				}

	.table-level-upgrade td.success {
		color: #b3b3b3;
		font-weight: bold;
	}

	.table-level-upgrade td.failed {
		color: red;
		font-weight: bold;
	}


	.table-level-upgrade .level_img {
		text-align: left;
	}

	.table-level-upgrade .level_point {
	}

	.table-level-upgrade .level_explain {
		padding-left: 40px;
		text-align: left;
	}

	.table-level-upgrade .level_num {
		font-weight: bold;
	}



.levelup_guide {
	margin-top: 30px;
}

	.levelup_guide .article-title {
		padding: 10px 12px;
		background: linear-gradient(45deg, #22477d, transparent);
		color: white;
		font-size: 16px;
		font-weight: bold; /* border-bottom: 1px solid #565656; */
	}


	.levelup_guide > p {
		padding: 10px 10px;
	}

	.levelup_guide ol {
		background: #f4f4f4;
		border: 1px solid #e0e0e0;
		border-radius: 5px;
		padding-left: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

		.levelup_guide ol li {
			padding: 10px 10px;
		}

	.levelup_guide table {
		width: 100%;
		background: #cecece;
		border-spacing: 1px;
	}

	.levelup_guide tbody > tr.active {
	}

		.levelup_guide tbody > tr.active > th {
			background: #e4e4e4;
			padding: 5px 0px;
		}

	.levelup_guide tbody > tr > th {
		background: #f8f8f8;
		text-align: center;
	}

	.levelup_guide tbody > tr > td {
		text-align: center;
		padding: 7px 0;
		background: white;
	}